// 首页的逻辑

const id = window.localStorage.getItem('id')

// 1. 登录验证
loginTest()
function loginTest() {
  // 1-1. 拿到 localStorage 内的信息
    const token = window.localStorage.getItem('token')
    const onBox = document.querySelector('.dl > span')
    const dl = document.querySelector('.dl')
    // const offBox = document.querySelector('.off')


    // 1-2. 判断 id 和 token 是否存在
    if (!id || !token) return

    // 1-3. 验证 token 的真实性
    // 发送一个需要 token 的请求
    // 因为刚好需要用到用户的个人信息
    ajax({
    url: 'http://localhost:8888/users/info',
    data: `id=${id}`,
    token: token,
    dataType: 'json',
    success (res) {
        // 1-4. 只有登录成功的时候, 才显示 onBox
        if (res.code === 1) {
        // 1-5. 修改一下文本内容
        /* console.log('登陆成功');
        const aa = res.info.username;
        console.log(aa); */

        dl.firstElementChild.innerText = res.info.username
        // onBox.classList.add('active')
        // offBox.classList.remove('active')
        dl.style.visibility = 'visible'
        }
    }
    })
    }

    // 2. 注销登录
    // 退出登录状态
    // 方案1: 直接删除 localStorage 内的 id 和 token 信息
    //   只是表示你当前页面处于一个未登录状态
    //   不好
    // 方案2: 告诉服务器, 我要退出
    //   服务器会把当前 token 失效
    const logoutBtn = document.querySelector('.logout')
    logoutBtn.addEventListener('click', () => {

    // 2-1. 询问一下用户, 是否确认退出
    if (!window.confirm('您确认退出登录状态吗 ? ')) return

    // 2-2. 发送请求到服务器, 告诉他我退出了
    ajax({
    url: 'http://localhost:8888/users/logout',
    data: `id=${id}`,
    dataType: 'json',
    success (res) {
        // 2-3. 只要退出成功了, 那么直接刷新页面
        if (res.code === 1) window.location.reload()
    }
    })
})
